<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>取消订单界面</title>

		<script type="text/javascript">
	
	function ajaxCancelOrdeno(item) {
	   var customerCode=$("#customers").val();
		$.ajax({
			type : 'post',
			url : '${ctx}/cancel/ajaxCancelOrdeno',
			data : 'customerCode='+customerCode+'&ordeno='+item.value,
			dataType : 'json',
			success : function(data) {
				$("#message").show();
		        $("#content").html( data.content);
					

			},

			error : function() {

			}
		});
	}
	
	
	
</script>
	</head>
	<body>
          
			<div id="message" class="alert alert-success" style="display: none;">
				<span id="content">订单总数量:${message }</span>
			</div>
			<div>
		    <b>客户名称:</b>
				
				<select class="input-medium"  id="customers">
					<c:forEach items="${customers }" var="o">
						<option value="${o.customerCode}"> ${o.customerName } </option>
					</c:forEach>
				</select>
			</div> 
		
		取消订单号:<input type="text" style="width: 500px;" onchange="ajaxCancelOrdeno(this);" id="ordeno">
		<script type="text/javascript">
		  $("#ordeno").focus();
		</script>
	</body>
</html>